<style type="text/css">
.small { font-size:small;  }
table td.alerta {
	background-color: #FFECD7;
}
.divalerta {
	font-size:10px;	
	color:#C30;
}
</style>
<!-- START BLOCK : REGISTROPRINCIPAL -->
<br />
<div align="center">
<h1>¿C&oacute;mo deseas registrarte?</h1>
</div>
<br />
<br />
<div style="padding-bottom:40px; width:100%; text-align:center">
<a class="boton" href="registro_usuario.php" style="padding:10px; font-size:24px">Registrarme como Usuario</a>
</div>
<div style="padding-bottom:30px; width:100%; text-align:center">
<a class="boton" href="registro_academia.php" >Registrarme como Academia</a>
</div>
<!-- START BLOCK : REGISTROPRINCIPAL -->
<!-- START BLOCK : ERRORBLOCK -->
<fieldset class="ui-widget">
<legend style="font-weight:bold">Se encontraron errores</legend>
<ul>
<!-- START BLOCK : ERRORITEM -->
<li><span style="color:red">{error}</span></li>
<!-- END BLOCK : ERRORITEM -->
</ul>
</fieldset>
<br />
<!-- END BLOCK : ERRORBLOCK -->
<!-- START BLOCK : FORMULARIO -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Registro de Nuevos Usuarios - Datos Personales</legend>
<form action="{self}" method="post" class="ui-widget">
<input type="hidden" name="id_zona" id="id_zona" value="0" />
<table id="trablaregistro">
<tr>
  <th>Nombre</th>
  <td><input type="text" name="nombre_persona" size="30" maxlength="30" value="{nombre_persona}" placeholder="Su nombre completo" /></td>
  </tr>
<tr>
  <th>Cédula de Identidad</th>
  <td><input type="text" name="ci" value="{ci}" /></td>
</tr>
<tr>
  <th>Apodo</th><td><input type="text"  size="10" maxlength="20" name="nick" value="{nick}" /></td>
  </tr>

<tr>
  <th>Email</th>
  <td><input type="text" name="email" size="40" value="{email}" maxlength="50" placeholder="Su correo electronico" /></td>
  </tr>
<tr>
  <th>Referido Por</th>
  <td>
  <input type="hidden" name="id_referido" id="id_referido" value="{id_referido}" />
  <input type="text" name="referido" maxlength="50" id="txt_referido" size="40" value="{referido}" placeholder="Persona que lo refiere" /></td>
</tr>
<tr><th>Password</th><td><input type="password" name="password" value="{password}" /></td>
  </tr>
<tr>
  <th>Repetir Password</th>
  <td><input type="password" name="rpassword" value="{rpassword}" /></td>
  </tr>
<tr>
  <th>Estado</th>
  <td>{comboestado}</td>
  </tr>
<tr>
  <th>Municipio</th>
  <td><div class="ui-widget">{combomunicipio}</div></td>
</tr>
<tr>
  <th>Urbanizacion / Zona</th>
  <td>{combourbanizacion}</td>
</tr>
<tr>
  <th>Fecha de Nacimiento</th>
  <td>&nbsp;{combodia}&nbsp;&nbsp;de&nbsp;{combomes}&nbsp;&nbsp;de&nbsp;{comboano}</td>
</tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
  </tr>
<tr>
  <th>G&eacute;nero</th>
  <td style="text-align:left">
    <div id="radiogenero">
      <input type="radio" name="genero" id="usuario_sexo_1" value="1" checked="checked" />
      <label for="usuario_sexo_1" title="Masculino">M</label>   	
      <input type="radio" name="genero" id="usuario_sexo_2" value="2" />
      <label for="usuario_sexo_2" title="Femenino">F</label>
      </div>
  </td>
  </tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
</tr>
<tr>
  <th>Codigo de la Imagen</th>
  <td style="text-align:left">
    <div style="border:1px solid #CCC; padding:4px;"><img style="cursor:pointer" src="captcha.php" border="0" id="micaptcha" align="absmiddle" />&nbsp;<input type="text" size="10" maxlength="14" name="captcha" />&nbsp;</div>
    </td>
</tr>
<tr>
  <td colspan="2">
  <input type="hidden" name="accion" value="registrarse" />
  <input type="submit" id="btn_aceptar" class="boton" value="Registrarse">
</td>
</tr>
</table>
</form>
</fieldset>
<br />
<script type="text/javascript">
var miestado = 0;
function AgregarZona($item) {
	$("#id_zona").val($item);	
	return false;
}
function AgregarRef($item) {
	$("#id_referido").val($item);	
}
$(function() {
	miestado = $("select[name='id_estado']").val();
	$("select[name='id_estado']").change(function() {
		miestado = $(this).val();
	});
	$("#radiogenero").buttonset();
	$("#radio_profesor").buttonset();
	$("input[name='nombre_persona']").focus();
	$("#micaptcha").click(function() {
		$("#micaptcha").attr("src","captcha.php?x=" + Math.random());
		$("input[name='captcha']").focus();
	});
	/*$("#txt_zona").autocomplete({
        source: "./servicios/getZonas.php?e=" + miestado,
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") AgregarZona(ui.item.id);			
			return false;
        }
    });*/
	$("#cmb_id_estado").jCombo("./servicios/getEstados.php?id=", { selected_value : '{id_estado}' } );
    $("#cmb_id_municipio").jCombo("./servicios/getMunicipios.php?id=", { 
					parent: "#cmb_id_estado", 
					parent_value: '{id_estado}', 
					selected_value: '{id_municipio}' 
				});		
    $("#cmb_id_urbanizacion").jCombo("./servicios/getUrbanizaciones.php?id=", { 
					parent: "#cmb_id_municipio", 
					parent_value: '{id_municipio}', 
					selected_value: '{id_urbanizacion}' 
				}); 
	$("#txt_referido").autocomplete({
        source: "./servicios/getNombres.php",
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") AgregarRef(ui.item.id);			
			return false;
        }
    }); 
});
</script>
<br />
<br />
<div id="mylog"></div>
<!-- END BLOCK : FORMULARIO -->
<!-- START BLOCK : FORMULARIOACADEMIA -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Registro de Academia</legend>
<form action="{self}" method="post" class="ui-widget">
<table id="trablaregistro" align="center">
<tr>
  <th>Nombre de la Academia</th>
  <td><input type="text" name="nombre_academia" size="30" maxlength="30" value="{nombre_academia}" placeholder="Nombre de la academia" />
  *</td>
  </tr>
<tr>
  <th>Siglas</th>
  <td><input type="text" name="siglas" size="30" maxlength="30" value="{siglas}" placeholder="Ej: UNEFA" /></td>
</tr>
<tr>
  <th>Ubicación (Sede Principal)</th>
  <td><input type="text" name="ubicacion" size="30" maxlength="50" value="{ubicacion}" placeholder="Lugar de la sede principal" />
  *</td>
</tr>
<tr>
  <th>Email del solicitante</th>
  <td><input type="text" name="email" size="30" maxlength="50" value="{email}" />
  *</td>
</tr>
<tr>
  <th>Telefonos</th>
  <td><input type="text"  size="30" maxlength="50" name="telefonos" value="{telefonos}" /></td>
  </tr>

<tr>
  <th>Pagina Web</th>
  <td><input type="text"  size="30" maxlength="100" name="pagina_web" value="{pagina_web}" placeholder="Ej: http://academia.com/" /></td>
</tr>
<tr>
  <th>Descripción Completa</th>
  <td><textarea name="descripcion_academia" cols="30" rows="4" placeholder="Nuestra academia siempre ha estado presente en las necesidades del mercado..." >{descripcion_academia}</textarea></td>
</tr>
<tr>
  <th>Cursos que ofrecen</th>
  <td style="text-align:left"><textarea name="cursos" cols="30" rows="5" placeholder="Ej: Computaci&oacute;n, mecanografia, Buceo, Piano, etc" >{cursos}</textarea></td>
</tr>
<tr>
  <th>Codigo de la Imagen</th>
  <td style="text-align:left">
    <div style="border:1px solid #CCC; padding:4px;"><img style="cursor:pointer" src="captcha.php" border="0" id="mcac" align="absmiddle" />&nbsp;<input type="text" size="10" maxlength="14" name="captcha" />&nbsp;</div>
    </td>
</tr>
<tr>
  <td colspan="2" style="text-align:center">
  <input type="hidden" name="accion" value="registrarse" />
  <input type="submit" id="btn_aceptar" class="fg-button ui-state-default ui-corner-all" value="Registrar Academia">
</td>
</tr>
</table>
</form>
</fieldset>
<script type="text/javascript">
$(function() {
	$("#mcac").click(function() {
		$("#mcac").attr("src","captcha.php?x=" + Math.random());
		$("input[name='captcha']").focus();
	});
	$("[name='nombre_academia']").focus();
});
</script>
<!-- END BLOCK : FORMULARIOACADEMIA -->
<!-- START BLOCK : REGISTROEXITOSO -->
<fieldset>
<legend>Confirmaci&oacute;n de registro</legend>
<p style="font-size:20px">Hemos enviado un mensaje de confirmaci&oacute;n a su direcci&oacute;n de correo. Su cuenta ser&aacute; activada una vez que haga click en el enlace correspondiente.</p>
</fieldset>
<br />
<a style="text-align:center" href="http://www.dondeaprendo.com/">Ir al Inicio</a>
<!-- END BLOCK : REGISTROEXITOSO -->
<!-- START BLOCK : REGISTROEXITOSOAC -->
<fieldset>
<legend>Confirmaci&oacute;n de registro</legend>
<p style="font-size:20px">Ha registrado su academia exitosamente, nuestro equipo validar&aacute; la informaci&oacute;n y la publicar&aacute; en la brevedad posible.</p>
</fieldset>
<!-- END BLOCK : REGISTROEXITOSOAC -->
<!-- START BLOCK : REGISTROCOMPLETADO -->
<fieldset>
<legend>Su registro ha sido completado satisfactoriamente</legend>
<p>Para iniciar sesi&oacute;n haga click <a href="/login">AQUI</a></p>
</fieldset>
<!-- END BLOCK : REGISTROCOMPLETADO -->
<!-- START BLOCK : RECORDARCLAVE -->
<fieldset style="padding:10px;">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Recordar Contrase&ntilde;a</legend>
<form class="ui-widget-content" method="post" action="recordar.php">
<input type="hidden" name="accion" value="recordar" />
<table>
<tr><td>&nbsp;<strong>Email</strong></td><td><input type="text" size="30" maxlength="50" name="email" /></td></tr>
<tr>
  <td>&nbsp;<strong>C&oacute;digo de la im&aacute;gen</strong></td>
  <td><div style="border:1px solid #CCC; padding:4px;"><img style="cursor:pointer" src="captcha.php" border="0" id="mcap" align="absmiddle" />&nbsp;<input type="text" size="10" maxlength="14" name="captcha" />&nbsp;</div></td></tr>
</table>
<br />
<div style="padding:5px"><input type="submit" class="boton" value="Enviar Recordatorio" /></div>
<br />
</form>
</fieldset>
<script type="text/javascript">
$(function() {
	$("input[name='email']").focus();
	$("#mcap").click(function() {
		$("#mcap").attr("src","captcha.php?x=" + Math.random());
		$("input[name='captcha']").focus();
	});
});
</script>
<!-- END BLOCK : RECORDARCLAVE -->
<!-- START BLOCK : RECORDATORIOENVIADO -->
<p>&nbsp;</p>
<p>Se ha enviado un recordatorio de clave a su cuenta de correo</p>
<br />
<a href="login.php" class="boton">Iniciar Sesi&oacute;n</a>
<!-- END BLOCK : RECORDATORIOENVIADO -->